<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <h:form id="VisitasListForm">

        <p:panel header="#{bundle.ListVisitasTitle}">

            <p:dataTable id="datalist" value="#{visitasController.items}" var="item"
                         selectionMode="single" selection="#{visitasController.selected}"
                         rowKey="#{item.idPracticas}"
                         paginator="true"
                         rows="10"
                         rowsPerPageTemplate="10,20,30"
                         >

                <p:ajax event="rowSelect"   update="viewButton "/>
                <p:ajax event="rowUnselect" update="viewButton "/>

                
                <p:column sortBy="#{item.tipo}" filterBy="#{item.tipo}">
                    <f:facet name="header">
                        <h:outputText value="#{bundle.ListVisitasTitle_tipo}"/>
                    </f:facet>
                    <h:outputText value="#{item.tipo}"/>
                </p:column>
                <p:column sortBy="#{item.numero}" filterBy="#{item.numero}">
                    <f:facet name="header">
                        <h:outputText value="#{bundle.ListVisitasTitle_numero}"/>
                    </f:facet>
                    <h:outputText value="#{item.numero}"/>
                </p:column>
                <p:column sortBy="#{item.nombres}" filterBy="#{item.nombres}">
                    <f:facet name="header">
                        <h:outputText value="#{bundle.ListVisitasTitle_nombres}"/>
                    </f:facet>
                    <h:outputText value="#{item.nombres}"/>
                </p:column>
                <p:column sortBy="#{item.apellidos}" filterBy="#{item.apellidos}">
                    <f:facet name="header">
                        <h:outputText value="#{bundle.ListVisitasTitle_apellidos}"/>
                    </f:facet>
                    <h:outputText value="#{item.apellidos}"/>
                </p:column>
                <p:column sortBy="#{item.formacion}" filterBy="#{item.formacion}">
                    <f:facet name="header">
                        <h:outputText value="#{bundle.ListVisitasTitle_formacion}"/>
                    </f:facet>
                    <h:outputText value="#{item.formacion}"/>
                </p:column>
                <p:column sortBy="#{item.empresa}" filterBy="#{item.empresa}">
                    <f:facet name="header">
                        <h:outputText value="#{bundle.ListVisitasTitle_empresa}"/>
                    </f:facet>
                    <h:outputText value="#{item.empresa}"/>
                </p:column>
                <p:column sortBy="#{item.motivo}" filterBy="#{item.motivo}">
                    <f:facet name="header">
                        <h:outputText value="#{bundle.ListVisitasTitle_motivo}"/>
                    </f:facet>
                    <h:outputText value="#{item.motivo}"/>
                </p:column>
                <p:column sortBy="#{item.instructor}" filterBy="#{item.instructor}">
                    <f:facet name="header">
                        <h:outputText value="#{bundle.ListVisitasTitle_instructor}"/>
                    </f:facet>
                    <h:outputText value="#{item.instructor}"/>
                </p:column>


                <f:facet name="footer">
                    
                    <p:commandButton id="viewButton"   icon="ui-icon-search" value="Visualizar" update=":VisitasViewForm" oncomplete="VisitasViewDialog.show()" disabled="#{empty visitasController.selected}"/>
                    <a href="../visitas/index.xhtml">Regresar</a>
                </f:facet>

            </p:dataTable>

        </p:panel>

    </h:form>

</ui:composition>